<template>
  <div class="article-list">
    <a-list item-layout="horizontal" :data-source="props.articleList">
      <template #renderItem="{ item }">
        <a-list-item>
          <a-list-item-meta>
            <template #title>
              <span v-html="item.title" />
            </template>
            <template #description>
              <span v-html="item.zhaiyao" />
            </template>
          </a-list-item-meta>
          <div>{{ item.createTime }}</div>
        </a-list-item>
      </template>
    </a-list>
  </div>
</template>

<script setup lang="ts">
import { defineProps, withDefaults } from "vue";

interface Props {
  articleList: any[];
}

const props = withDefaults(defineProps<Props>(), {
  articleList: () => [],
});
</script>
